<template>
  <div class="zong">
      <Top/>
      <Tab/>
      <div class="but">
        <button @click="toAlgin()">快速注册</button>
        <button>登录</button>
    </div>
    <Bot/>
  </div>
</template>

<script>
import Top from "@/components/alginTop.vue"
import Tab from "@/components/alginTab1.vue"
import Bot from "@/components/alginBot.vue"
export default {
    components:{
        Top,
        Bot,
        Tab
    },
    methods:{
        toAlgin(){
            this.$router.push("/algin")
        }
    }
}
</script>

<style scoped>
    .zong{
        width: 90%;
        margin: auto;
    }
    .top{
        width: 100%;
        margin: auto;
        display: flex;
        justify-content: space-between;
        margin-bottom: 0.7rem;
    }
    .top h5{
        width: 50%;
        height: 0.9rem;
        font-size: 0.35rem;
        border-top: 2px solid #dadada;
        color: #999;
        text-align: center;
        background-color: #fafafa;
        line-height: 0.9rem;
        font-weight: normal;
    }
    .top .bgc{
        border-top: 2px solid #ffba33;
        background-color: #fff;
        color: #ffba33;
    }
    .but{
        margin-top: 0.6rem;
    }
    .but button{
        width: 100%;
        display: block;
        margin: 0.25rem 0;
        font-size: 0.45rem;
        line-height: 0.8rem;
        text-align: center;
        background-color: #fff;
        border: 1px solid #ffba33;
        color: #ffba33;
        border-radius: 5px;
    }
    .but button:first-child{
        background-color: #ffba33;
        color: #fff;
    }
</style>